<template>
	<view class="ctn">
		<view class="me_header">
			<view class="header_ctn">
				<image :src="iconList[appStatus]" mode=""></image>
				<view>审批
					<text v-if="appStatus == 0">等待中</text>
					<text v-else-if="appStatus == 1">已通过</text>
					<text v-else>未通过</text>
				</view>
			</view>
		</view>
		<view class="me_middle">
			<my-list v-for="(item,index) in ListData" :key='index' :propTitle='item.propTitle'
				:propValue='item.propValue' :bold='item.bold'></my-list>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				appStatus:1,
				iconList:["/static/bg/ddz.png","/static/bg/ytg.png","/static/bg/wtg.png"],
				ListData: [{
						propTitle: '请假类别',
						propValue: '',
						boldValue: true
					},
					{
						propTitle: '开始时间',
						propValue: '',
						boldValue: true
					},
					{
						propTitle: '结束时间',
						propValue: '',
						boldValue: true
					},
					{
						propTitle: '请假天数',
						propValue: '',
						boldValue: true
					},
					{
						propTitle: '请假事由',
						propValue: '',
						boldValue: true
					}
				]
			}
		},
		methods:{},
		onLoad(options) {
			console.log(JSON.parse(options.item))
		}
	}
</script>

<style lang="scss">
	.ctn {
		padding: 0 36rpx;

		.me_header {
			margin: 48rpx 0;
			display: flex;
			justify-content: center;

			.header_ctn {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				font-size: 32rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 600;
				color: #121F2C;

				image {
					width: 72rpx;
					height: 72rpx;
					margin-bottom: 20rpx;
				}
			}
		}
	}
</style>
